每一個遊戲設計都會從資源載入及繪製起始畫面開始，
這裡我們專以一篇文章來介紹如何進行，在之後的遊戲就不會再贅述此過程。

目標

• 載入遊戲所需資源檔案
• 繪出場景，顯示開始畫面

可學到的東西

• 載入遊戲資源
• 繪圖函數 sprite

資源

• 影片: 剪刀石頭布猜拳遊戲 1-1遊戲企畫與人工智慧 https://youtu.be/MEwH3Y_AEe0
• 講義: 剪刀石頭布猜拳遊戲 http://211.76.247.16/pluginfile.php//23555/mod_resource/content/2/GuessFingerRecordNew.pdf?forcedownload=1
• 素材: 剪刀石頭布猜拳遊戲 https://drive.google.com/drive/folders/0By8bSyDx7hPta1g1NUtKRXRKU3c

目標: 載入遊戲資源

在遊戲直接調用資源都要先載入到開發環境中，不然有有可能出現錯誤，請特別注意。
這裡我們先載入開始畫面以及之後要用到的圖片。

• 下載素材 https://drive.google.com/drive/folders/0By8bSyDx7hPta1g1NUtKRXRKU3c
• 解開壓縮檔
• 使用滑鼠圈選壓縮檔內的所有圖片並拖拉到 放在 GuessFingerMoocsContent下
  
• 替每個圖片宣告一個變數以利之後使用
  注意! 這裡的變數是所有執行階段都使用的，所以要寫在外層

public class Game1 : Microsoft.Xna.Framework.Game
    {
        GraphicsDeviceManager graphics;
        SpriteBatch spriteBatch;

        // 替每張圖片宣告一個變數
        Texture2D image1, image2, image3, imageGameStart, imagebackgroud;

• 在 LoadContent() 執行階段載入資源
  把上面宣告的變數，一一對應檔案名稱後載入，
  注意! 檔案名稱是不需要副檔名的

            protected override void LoadContent()
        {
            // Create a new SpriteBatch, which can be used to draw textures.
            spriteBatch = new SpriteBatch(GraphicsDevice);

            // TODO: use this.Content to load your game content here
            image1 = Content.Load<Texture2D>("Scissor400x600");
            image2 = Content.Load<Texture2D>("Rock400x600");
            image3 = Content.Load<Texture2D>("Paper400x600");
            imageGameStart = Content.Load<Texture2D>("GameStart1024x768");
            imageBackgroud = Content.Load<Texture2D>("background1024x768");   
        }

目標: 繪出場景

在遊戲中要繪製圖型、字型等，只需要XNA提到的Sprite 即可，
不只可顯示於畫面上，還可以對圖片做放大、縮小等功能。
此 Sprite 是遊戲專案內建中，就是一開始就幫我們宣告的 SpriteBatch spriteBatch;

• 先在 Initialize() 執行階段初始化畫面大小

        protected override void Initialize()
        {
            // TODO: Add your initialization logic here
            graphics.PreferredBackBufferWidth = 1024;
            graphics.PreferredBackBufferHeight = 768;
            graphics.ApplyChanges();

            base.Initialize();
        }

• 在 Draw() 執行階段使用 Sprite 進行畫圖

        protected override void Draw(GameTime gameTime)
        {
            GraphicsDevice.Clear(Color.CornflowerBlue);

            // TODO: Add your drawing code here
            spriteBatch.Begin();
            // sprite.draw 的使用方法很多種，這裡載入的只有
            // 參數1表示圖片，參數2表示顯示圖片的起始位置，參數3表示填色，White表示不填色
            spriteBatch.Draw(imageGameStart,Vector2.Zero,Color.White);
            spriteBatch.End();

            base.Draw(gameTime);
        }

• 按下功能表的開始，執行看看是否成功